import { CheckCircleFilled, WifiOutlined ,CodeOutlined} from "@ant-design/icons";
import "./index.css";
function pageOne(props: any) {
  const { changeAc } = props;
  return (
    <div className="pageone">
      <div className="pageitem" onClick={()=>changeAc(2)}>
        <div>
          <CheckCircleFilled id="icon1"></CheckCircleFilled>
        </div>
        <WifiOutlined id="icon2" style={{ fontSize: "100px" }} />
        <p>发现我的设备</p>
      </div>
      <p>or</p>
      <div className="pageitem" onClick={()=>changeAc(3)}>
        <div>
          <CheckCircleFilled id="icon1"></CheckCircleFilled>
        </div>
        <CodeOutlined  id="icon2" style={{ fontSize: "100px" }} />
        <p>输入设备识别码</p>
      </div>
    </div>
  );
}

export default pageOne;
